<template>
  <div class="search_box">
    <div class="search flex_box">
      <span class="iconfont icon-xiaoxi"></span>
      <input type="text" placeholder="搜索" class="ipt">
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang='stylus' scoped>
.search_box
  width: 400px
  height: 30px
  background: rgba(255,255,255,.3)
  margin-left: 300px
  border-radius: 4px
  position relative
  .search
    width 100%
    height: 100%
    padding 0 10px
    box-sizing: border-box
    align-items: center
    .iconfont
      color #fff
      font-size: 16px
      margin-right: 10px
    .ipt
      flex 1
      min-width: 0
      height: 100%
      color #fff
      font-size: 14px
      background: transparent
      outline: none
    ::-webkit-input-placeholder
      color: #fff;
      font-size: 14px;
</style>